.runing {

    overflow: hidden;
    height: 100%;
    background-color: #4aacda;

    color: #fff;

    .out-left {
        display: flex;
        flex-direction: column;
    }

    .out-right {
        display: flex;

        span {
            margin-left: 20px;
            font-size: 25px !important;
        }
    }


    .distance {
        height: 32%;

        p {
            font-size: 90px;
        }

        span {
            font-size: 18px;
            align-self: center;
            margin-top: 50px;
            margin-left: 10px;
        }
    }

    .gps-pos {
        display: flex;
        justify-content: space-around;
        align-items: center;

        div {
            margin: 0 10px;
            flex: 1;
            height: 1px;
            border: 1px dashed rgb(223, 215, 215);
        }

        span {
            font-size: 30px !important;
        }
    }



    .options-pic {
        text-align: center;
        height: 25%;

        div {

            p {
                margin-bottom: 15px;
                font-size: 40px !important;
            }

            span {
                font-size: 14px;
                color: rgb(240, 245, 240);
            }
        }
    }

    .show-data {

        text-align: center;
        font-size: 30px;

        .user-time {
            margin-left: 15px;
            display: flex;
            justify-content: flex-start;
        }

        .speed {
            margin-left: 15px;
        }
    }


    // 
    .start-stop {

        height: 30%;

        .stop {

            margin-left: 30%;
            display: flex;
            justify-content: center;
            
            section {
                margin-top: 25px;
           
                padding: 0px 25px;
                display: flex;
                justify-content: space-around;

                div {
                    border-radius: 2px;
                    width: 12px;
                    height: 30px;
                    background-color: #4aacda;
                    margin-bottom: 5px;

                }
            }
        }

        .suo {
            margin-right: 5%;
            font-size: 35px !important;
        }


        .continue {
            text-align: center;
            background-color: rgb(119, 209, 96);
            color: #fff !important;
            span{
                font-size: 18px !important;
            }
        }

        .c-stop {
             text-align: center;
            background-color: rgb(167, 64, 64);
            color: #fff !important;

            span {
                font-size: 18px !important;
            }
        }

    }

}

.krololi{
    width: 65px;
}